<!-- 租房管理 -->
<div class="container">
  <div class="content" *ngFor="let item of houseList">
    <div class="house">
      <img [src]="'https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png'" alt="图片">
      <div class="text" (click)="openContract(item)">
        <p class="detail">{{item.Type===1 ? '整租' : '合租'}}-{{item.Community}}</p>
        <p class="room">
          <span>{{item.Size}}m<sup>2</sup></span>
          <span>{{item.DetailAddress}}</span>
        </p>
        <p class="address">{{item.Province}}-{{item.City}}-{{item.Region}}</p>
        <p class="price">￥{{item.Rent}}/月</p>
      </div>
    </div>
    <div class="status">
      <p class="time">合约时间：{{item.CreateTime}}</p>
      <p class="unexpired" *ngIf="item.IsExpired === 1 ? true : false">租房状态：租期中</p>
      <p class="expired" *ngIf="item.IsExpired === 1 ? false : true">租房状态：已到期</p>
    </div>
  </div>
</div>
